import { RepoLink, Link } from '@brillout/docpress'
import { Example, CommunityNote } from '../../components'

<CommunityNote tool="pinia" url="https://pinia.vuejs.org" hasExtension="vue" />

## Manual integration

To manually integrate Pinia, see:
- <Link href="/store#manual-integration" />
- [Pinia Docs > Server Side Rendering (SSR)](https://pinia.vuejs.org/ssr/)

Examples of integrating Pinia without using <Link href="/vike-vue">`vike-vue`</Link>:

 - <Example timestamp="2024.03" repo="IT4Change/boilerplate-frontend" />
 - <Example timestamp="2023.10" repo="brillout/vike-with-pinia" />

> You can also have a look at [the source code of `vike-vue-pinia`](https://github.com/vikejs/vike-vue/tree/main/packages/vike-vue-pinia).

## See also

- [Pinia Docs > Server Side Rendering (SSR)](https://pinia.vuejs.org/ssr/)
